<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="是一个很厉害的网站">
    <meta name="keywords" content="多人评论,交流">
    <!--<link rel="shortcut icon" th:href="https://www.cnblogs.com/favicon.ico">-->
    <link rel="shortcut icon" th:href="@{/images/icon/indexIco.png}">
    <title>administrator login</title>
    <link rel="stylesheet" th:href="@{/css/base.css}">
    <link rel="stylesheet" th:href="@{/css/login.css}">
</head>

<body >
<div class="login" >
    <div class="login-top">
        <div class="login-title">
            LOG IN
        </div>
        <div class="login-tou">
            <span class="touxiang"></span>
        </div>
        <div class="login-text">
            <span>代码改变世界</span>
        </div>
        <div class="login-info">
            <p style="text-align: center; color: #7b0f19; margin-bottom: 10px" th:text="${msg}"></p>
            <form th:action="@{/login}" method="post">
                <div class="user">
                    <input type="text" placeholder="登录用户名邮箱" name="username" required="required" maxlength="20">
                </div>
                <div>
                    <a href="#">忘记登录用户名</a>
                </div>
                <div class="passwords">
                    <input type="password" placeholder="密码" name="password" required="required" maxlength="20">
                </div>
                <div class="clearfix">
                    <a href="#">忘记密码</a>
                </div>
                <div class="remember">
                    <input type="checkbox">记住密码
                </div>
                <div class="logining">
                    <button style="width: 140px">登录</button>
                </div>
            </form>
        </div>
        <div>
            <a th:href="@{/login/scan-face}">
                <div class="logining">
                    <button style="width: 140px">人脸识别登录</button>
                </div>
            </a>
        </div>
        <div class="login-footer">
            没有账户,<a href="#">那就算了</a>
        </div>

    </div>
</div>
</body>

</html>